/**
 * $Id: ap-istalker-1.8.css 49 2009-03-05 06:41:54Z chaoskaizer $
 * @package Animepaper
 * @subpackage ap-istalker
 *
 * Stylesheet for animepaper.net "Userpage"
 *
 * @author Avice D <ck+filter@animepaper.net>
 * @license http://www.opensource.org/licenses/mit-license.php MIT license
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons 3.0 BY-SA (for images)
 * @sources $URL: http://istalker.googlecode.com/svn/branches/ap-istalker-1.8.css $ 
 * 
 * @link http://istalker.googlecode.com istalker
 * @link http://blog.kaizeku.com/ Development blog 
 * @link http://tango.freedesktop.org/Tango_Icon_Library Tango Icon Library
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline}
body{background:#FFF;color:#333;line-height:1}
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:400;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}

 /* disabled */
.dn,.approve,
/* the following features are available for this release */
#quickinfo, .userstatus
/* fix some visual */,
.footer p.title,
.menu,
/* welcome heading */
#main h2,
.userheader .item br,
.userheader .item span.title,
/* comments */
.postfooter,
.formrow p.highlight,
/* website button*/
.userright img,
.userheader .userright br,
.breadcrumb
{display:none !important}   

body{font-family:Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;font-size:12px;line-height:18px}
h1,h2,h3,h4,h5,h6,.userfeatured h3{clear:both;color:#111;font-family:Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif}
pre{background:#eee;border:1px solid #ddd;font-family:Corbel, Verdana, "Bitstream Vera Sans", sans-serif;margin-bottom:18px;padding:16px}
code{font-family:Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace}
h1{font-size:30px;line-height:36px;padding:0 0 18px}
h2,.userfeatured h3{font-size:20px;line-height:36px}
h3{font-size:16px;line-height:36px}
h4{font-size:14px;font-weight:700}
h5{font-size:12px;font-weight:700}
h6{font-size:12px}
p{margin:0 0 18px;text-align:justify}
p.last{margin-bottom:0}
p img.top{margin-top:0}
a{color:#ef004d;text-decoration:none}
a:hover{color:#fff;background-color:#ef004d}
ul,ol{margin:0 0 18px 18px}
ul{list-style-type:circle}
ol{list-style-type:decimal}
dl{margin:0 0 18px}
dl dt{font-weight:700}
blockquote{color:#666;font-style:italic;margin:0 0 18px 18px}
strong{font-weight:700}
em{font-style:italic}
hr{background:#B2CCFF;border:none;clear:both;color:#B2CCFF;float:none;height:2px;margin:0 0 16px;width:100%}
table{border-left:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:16px}
th,td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:13px;padding:2px 4px}
th{font-weight:700}
p.small{font-size:10px;margin-bottom:18px}
p.large{font-size:14px;line-height:36px}
p.quiet{color:#666}
.hide{display:none}
.alt{color:#666;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;font-size:1.2em;font-style:italic;line-height:1%}
.dquo{margin-left:-0.7em}
p.incr,.incr p{font-size:10px;line-height:1.44em;margin-bottom:18px}
.caps{font-size:1.2em;font-variant:small-caps;font-weight:700;letter-spacing:1px;line-height:1%;text-transform:lowercase}

/* Blueprint 0.7 */
.container,#container{margin:0 auto;width:950px}
body{background-color:#111;background-image:url(http://istalker.googlecode.com/svn/branches/images/darkwood.jpg);margin:0pt 0pt 1.5em}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24,
#side,#main{float:left;margin-right:10px}
div.last,#side{margin-right:0}
.span-5,#side{width:170px;overflow:hidden}
.span-19,#main{width:760px;overflow:hidden}
.span-24,div.span-24{margin:0;width:950px}
.append-1,.userheader{padding-right:40px}
.box{background:#222 none repeat scroll 0 0;margin-bottom:1.5em;padding:3px;}
hr{background:#ddd;border:none;clear:both;color:#ddd;float:none;height:.1em;margin:0 0 1.45em;width:100%}
hr.space{background:#fff;color:#fff}
.clearfix:after,.container:after,.userheaderlower:after,.postrow .postheader:after,#row.recent:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix,.container{display:block}
* html .clearfix,* html .container{height:1%}
.clear{clear:both}

/* nav */
.navigation{margin-bottom:1.5em}
ul#nav,ul#nav *{margin:0;padding:0}
ul#nav{background:transparent;height:2.5em;max-width:100%;position:relative;margin-left:20px}
ul#nav li{cursor:pointer;float:left;font-weight:400;list-style-type:none;text-align:center;margin-right:0px}
ul#nav li ul{background-position:0 0 !important;cursor:default;height:auto;left:-9000px;max-width:100%;position:absolute;top:2.5em;width:100%}
ul#nav li ul li{border:none;max-width:none;padding:0;width:auto}
ul#nav li a{background:#111;display:block;float:left;font-weight:700;height:2.4em;line-height:2.5em;padding:0 1em;text-decoration:none}
ul#nav li ul li a{background-position:0 50% !important;color:#666;cursor:pointer !important;font-weight:400;height:2em;line-height:2em;position:relative !important;white-space:nowrap}
ul#nav li:hover a,ul#nav li a:hover,ul#nav li a:focus{background:#222;color:#000}
ul#nav li:hover ul{left:0;z-index:10}
ul#nav li:hover ul li a{color:#444}
ul#nav li{left:0;position:relative;top:0}
ul#nav li ul{border-top:0}
ul#nav li ul li{float:left}
ul#nav li a{background:transparent url(http://istalker.googlecode.com/svn/branches/images/bg.png);color:#444;border:0;height:2.5em;line-height:2.5em}
ul#nav li ul li a{background:#000;color:#fff;height:2em;line-height:2em;text-align:left;width:12em}
ul#nav li:hover ul li a{color:#fff}
ul#nav li:hover ul li a:hover{background:#000;color:#fff}
ul#nav li:hover ul li a:active{background:#000;color:#fff}

ul#nav li.child-nav span.status{float:left;font-size:0.9em;height:2.77em;line-height:2.77em;padding:0 1em}
ul#nav li.child-nav span.status a{background:transparent;color:#cde;display:inline;float:none;height:auto;padding:0}
ul#nav li.child-nav span.status a:hover{background:transparent;color:#fff}
ul#nav li.child-nav span.status span{text-transform:capitalize}
ul#nav li.child-nav:hover a:hover{background:#ef004d/*3269bc*/}
ul#nav li:hover ul li a:hover,ul#nav li.current ul li a:hover{color:#fff;}
ul#nav li a:focus,ul#nav li.child-nav:hover a{background:#000;color:#bbb}
ul#nav li ul li a:hover,ul#nav li:hover a{background:#555;color:#fff}
ul#nav li:hover a:active,ul#nav li.child-nav:hover a:active{background:#444}

.navigation{
	background-color:transparent;
	border:0pt;
}

.rtxt,.userheaderlower .userright span.down,.userheaderlower .userright span.up,.formrow p.highlight.notice,.userheader .userright a{
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-999em
}



/* styles */
.content{background:transparent none repeat-y 50% 0% }
#layout .breadcrumb{
	background: transparent none no-repeat 50% 0%;	
	color:#222;		
	margin: 20px 0pt 0pt !important;
	padding: 11px 12px 0 !important
}

#layout .breadcrumb a{color:#999;text-decoration:none}
#main{float:left;background-color:transparent;}

/* thumbnail */
.imagevert span em{ /* published date*/ 
	display:block;
	font-size: 0.8em;
	font-style: normal
} 

/* userinfo */
.userheader.highlight{float:left;width:220px}

.userheader, .userheaderlower {
	float:left;
	height:288px;
	padding:36px 0pt 54px 10px;
	width: 240px;
	margin-bottom: 18px	
}

.userheader{
	background: transparent url(http://istalker.googlecode.com/svn/branches/images/wanted.png) no-repeat 0px 0px;
}

.userheader .userright{
	left:700px;
	padding-top:36px;
	position:absolute;
	text-align:center;
	width: 186px	
}

.userheader .center {display:block;margin-top:70px}

.userheader .item{text-align:center	}
.userheader .item.center img{border: 1px solid #5f441d;height:100px}
.userheader strong{
	display:block;
	position:relative;
	z-index:0;
}

.userheader em{display:none}
.userheader span.hugetitle{
color:#3F2E27;
display:block;
font-family: Georgia, "Times new roman", sans-serif, serif;
height:16px;
margin-top:22px;
overflow:hidden;
text-transform:uppercase;
} 

.userheader .hugetitle a {
color:#3F2E27;
font-size:1em;
font-weight:700;
letter-spacing:2px;
}

.userheader .item strong{
font-family: Georgia, "Times new roman", sans-serif, serif;
font-size:0.6em;
letter-spacing:1px;
text-transform:uppercase;}

.userheaderlower #halfcolumn{
	font-size: 0.9em;
	color:#777;
	clear:both
}
.userheaderlower #halfcolumn br{
	height:1px;
	border-top: 1px solid #ccc
}

.userheaderlower .userright{
	color:#777;
	font-size: 0.9em
}

.userheader .userright a{
	background: transparent url(http://istalker.googlecode.com/svn/branches/images/caution-im-stalking-you.png) no-repeat;
	width: 180px;
	height: 150px;
	position:relative;
	top:-60px
}
/* rank */
.userheaderlower .userright span.highlight.title{
background-color:transparent;
background-image:url(http://istalker.googlecode.com/svn/branches/images/bg.png);
border:1px solid #333333;
color:#888888;
display:block;
float:left;
font-size:0.9em;
margin-bottom:6px;
padding:5px;
width:108px;	
}

.userheaderlower .userright span.rank{
	display:block;
	float:left;
	height:40px;
	padding: 2px 10px;
	text-align:center;
	width:20px;
	color:#888
}

.userheaderlower .userright span.down,.userheaderlower .userright span.up{	
	font-size:1px;
	height:16px;
	width:16px;
	margin: 0pt auto;
}

.userheaderlower .userright span.up{
	background-image: url(http://istalker.googlecode.com/svn/branches/images/go-up.png)
}

.userheaderlower .userright span.down{
	background-image: url(http://istalker.googlecode.com/svn/branches/images/go-down.png)
}

/* gallery */
.userfeatured{
	background-color:transparent;
	color:#666;
	margin:0 auto 18px !important;
	padding:10px 20px 30px !important;
}

.userfeatured .center{text-align:center}

.recent h3{
	border-bottom:1px solid #222;
	font-family: Georgia, "Times new roman", sans-serif, serif;
	font-size:1em;
	color:#555;
	font-weight:700;
	text-transform:uppercase;
}

.userfeatured span.highlight.title a{
	font-family: Georgia, "Times new roman", sans-serif, serif;
	font-size: 2em;
	display:block;	
	color:#999
}

#row.userfeatured{
	clear:both;
	padding: 18px 10px
}

.userfeatured h3{
	border-bottom:1px solid #222;
	color:#555;
	font-family:Georgia;
	font-size:18px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom: 18px	
}

#row.recent{
	clear:both;
	padding: 0pt 10px 18px;	
	margin-bottom: 18px !important
}

/* thumbnail */
.recent #onecolumn{
	background-color:transparent;
	color:#777;	
	float:left;
	margin-right:10px;
	min-height:280px;
	overflow:hidden;
	padding:0 10px 10px;
	width:210px;	
}
.imagevert img{
background-color:transparent;
background-image:url(http://istalker.googlecode.com/svn/branches/images/bg.png);
border:1px solid #333333;
padding:5px;
}
.imagevert a:hover{background-color:transparent} 
.userfeatured a:hover img{background-color:transparent}
.imagevert a:hover img{
	background-image:url(http://istalker.googlecode.com/svn/branches/images/bgw.png);
}
/* journal */
.myjournal{
background-color:transparent;
clear:both;
float:left;
margin:0 10px 36px !important;
overflow:hidden;
padding:18px 10px;
width:398px	
}

.myjournal h3,.journalheader br{display:none}

.journalbody{	
	overflow:hidden;
	color:#666;
}
.journalbody a{text-decoration:none}
.journalheader{margin-bottom: 18px}
.journalheader span.title{
border-bottom:1px solid #111;
color:#555;
display:block;
font-family:georgia;
font-size:2em;
padding:3px 3px 8px;
}

.journalheader em{
color:#444;
font-size:0.9em;
}

.journalbody .posthuge{border-bottom:3px solid #222;clear:both;color:#777;display:block;font-family:georgia;font-size:130% !important;font-weight:700;margin-bottom:0;padding:5px 3px;}
.journalbody img{
	background-color:#111;
	border: 1px solid #000;
	padding: 3px
}

.journalbody .postb .postimage{float:left;margin: 0pt 5px 1px 0pt}

/* profile about me */
.aboutme{
	background-color:#F7F7F7;
	border-color:#CBCBCB;
	border-style:solid;
	border-width:1px 1px 2px;
	padding:1px;
	width:300px;
	float:left
}

.aboutme h3{background:#f9f9f9 url(http://istalker.googlecode.com/svn/branches/images/sprite-bar.png) no-repeat 0 9px;font-family:"lucida grande",verdana,arial,serif;font-size:0.8em;font-weight:700;height:21px;margin:0 auto !important;padding:3px 0 8px 12px;width:260px}
.aboutme p.center{margin-top:18px;text-align:center}
.aboutme .userbox,.aboutme #row{padding:3px 16px}
.aboutme #row{background:#fff url(http://istalker.googlecode.com/svn/branches/images/fav-bar.png) no-repeat 50% 0;border-top:1px solid #ededed;padding:54px 16px 18px}
.aboutme #row strong{
background-color:#FFFFFF;
border-bottom:1px solid #DDDDDD;
color:#666666;
display:block;
margin:3px 0 6px;
padding:1px 3px;
text-transform:lowercase;
word-spacing:-2px;	
	
}
.aboutme #row span{border-top:1px solid #fefefe;color:#666;font-size:0.85em}
.aboutme #row span:hover{background-color:#EDF5FE;color:#333}

/* sidebar */
#side{float:right;background-color:transparent}
#side ul{
	list-style: hiragana;
	font-size:0.8em;
	margin-left:26px;	
	color:#555;
}
#side ul li span{color:#999}
#side ul li a{font-size: 1em}
#side ul li:hover{list-style:decimal}

#side #row h3{
	font-family: Georgia,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	background-color: transparent;
	color:#555;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
	height:1%;
	padding:6px 6px 6px 16px;
	text-align:left;
	margin-left: -10px;
	text-transform:uppercase;

}


/* comments */
.postrow .poststatus{
	border-top:14px solid #222;
	background-color:#333;padding:4px 10px 2px;border-bottom:2px solid #222}
.postrow .poststatus p{text-align:left;margin: 0pt}
.postrow .poststatus a{
	background-color: transparent;color:#888;font-size:0.8em;padding:3px 6px;text-transform:lowercase;text-decoration:none
}
.postrow .poststatus a:hover{background-color:#fff;color:#444}
.postrow .postheader .center img{background-color:#dedede;border-color:#ccc #eee #eee #ccc}
.postrow .postheader .item strong{color:#888}
.postrow .postheader .item em{color:#888;display:block;font-style:normal}
.postfooter{height:120px;overflow:hidden}

.postrow{background-color:transparent;clear:both;margin:0 auto 18px !important;width:690px;
border:1px solid #111;border-width:1px;border-color:#222 #000 #000}
.postrow .postheader{background-color:transparent;background-image:url(http://istalker.googlecode.com/svn/branches/images/bg.png); border:1px solid #222;border-color:#111 #222 #000;padding:10px 0 0}

/* avatar */
.postheader .item.center{float:left; width: 100px;padding:0px 10px 10px 10px}

/* pagenum */
.pagination{
background:#111;
clear:both;
color:#444;
display:block;
margin:18px auto 36px !important;
padding:10px 18px;
text-align:right;
width:656px;	
}
.pagination a{background:#222;color:#777;padding:3px 6px;text-decoration:none}
.pagination a:hover,div.pagination a:active{background-color:#444;color:#666}


/* comment text */
.postrow .postbody{background-color:transparent;
border:1px solid #555;border-color:#333 #555 #222;clear:both;color:#bbb;padding:10px 10px 18px}

.postrow .postbody{background-image:url(http://istalker.googlecode.com/svn/branches/images/bgw.png)}
/* comment form */
.formrow{
	background-color:transparent;
	margin: 0pt auto;padding:18px 90px}

div.main form.formrow p.poststatus span{}
div.main form p.poststatus span.button-tiny,div.main form p.poststatus span.button-small,div.main form p.poststatus span.button-large,div.main form p.poststatus span.button-huge{display:block;float:left;font-size:9px !important;font-weight:400;height:16px;margin:auto 0.2em;position:static;text-indent:0;text-transform:uppercase;width:26px}
div.main form p.poststatus span.button-tiny:hover,div.main form p.poststatus span.button-small:hover,div.main form p.poststatus span.button-large:hover,div.main form p.poststatus span.button-huge:hover{background:#EFF8FF none !important}
.editor-icons,div.main form span.button-emot,div.main form span.button-b,div.main form span.button-i,div.main form span.button-u,div.main form span.button-strike,div.main form span.button-spoiler,div.main form span.button-more,div.main form span.button-left,div.main form span.button-center,div.main form span.button-right,div.main form span.button-image,div.main form span.button-user,div.main form span.button-url,div.main form span.button-quote{background:transparent none no-repeat 0 0 scroll;cursor:pointer;display:block;float:left;height:16px;margin:0.2em 0.3em 0 2px;overflow:hidden;padding:0;position:relative;text-indent:-999em;width:16px}
div.main form span.button-b{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-text-bold.gif);margin-left:0.2em !important}
div.main form span.button-u{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-text-underline.gif)}
div.main form span.button-i{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-text-italic.gif)}
#ifiblockthisthenicheatap{background-color:#FCFBF9;z-index:-2;border:4px solid #FCFBF9;bottom:-1px;margin:0 auto;padding:0;position:absolute;width:700px}
#ifiblockthisthenicheatap iframe{background-color:#FCFBF9;border:2px solid #FCFBF9}
div.main form span.button-strike{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-text-strikethrough.gif)}
div.main form span.button-spoiler{background-color:transparent !important;background-image:url(http://static3.animepaper.net/images/v5/posteditor/spoiler.gif)}
div.main form span.button-more{background-image:url(http://static3.animepaper.net/images/v5/posteditor/readmore.gif)}
div.main form span.button-left{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-justify-left.gif)}
div.main form span.button-center{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-justify-center.gif)}
div.main form span.button-right{background-image:url(http://static3.animepaper.net/images/v5/posteditor/format-justify-right.gif)}
div.main form span.button-emot{background-image:url(http://static3.animepaper.net/images/v5/posteditor/emot.gif);margin-left:0.4em}
div.main form p.poststatus span.button-huge{margin-right:0.5em !important}
div.main form span.button-image{background-image:url(http://static3.animepaper.net/images/v5/posteditor/image.gif)}
div.main form span.button-user{background-image:url(http://static3.animepaper.net/images/v5/posteditor/apuser.gif)}
div.main form span.button-url{background-image:url(http://static3.animepaper.net/images/v5/posteditor/bblink.gif)}
div.main form span.button-quote{background-image:url(http://static3.animepaper.net/images/v5/posteditor/bbcite.gif)}
div.main form p.poststatus span:hover{background-color:#f3f3f3 !important;border-color:#dedede}
div.main form p.poststatus{background-color:#eee;border-bottom:1px solid #bbb;height:25px;margin:0 0 -40px 10px !important;padding:0.2em 0;position:relative;width:520px;z-index:999;}
.submit{background-color:#111111;
background-position:0 -1px;
border:1px solid #222222;
color:#555555;
cursor:pointer;
display:block;
font-size:1.6em;
height:36px;
letter-spacing:-1px;
margin:18px 0 0;
overflow:hidden;
padding:3px 10px;	
}
.submit:hover{color:#222;color:#fff}
.formrow textarea{
background:#FAFAFA url(http://istalker.googlecode.com/svn/branches/images/comment-notice.png) no-repeat scroll -34px 10%;
border:5px solid #333333;
color:#555555;
font-family:"Trebuchet MS",arial;
font-size:1em;
height:166px;
padding:56px 5px 5px;
text-align:justify;
width:517px;
}




/* inplace form */
#editfeaturedcontrol{font-size: 0.6em}

.footer{
	background: transparent none no-repeat 50% 0%;
	padding:10px;
	margin-top:-18px
}

.footercopy{
	color:#666;
	display:block;
	font-size:0.8em;
	height:18px;
	overflow:hidden;	
	width:230px;	
}
/* -mozilla */

.bg-clip-border,.navigation, .userheaderlower .userright span.highlight.title,.aboutme,.formrow p.highlight.notice,.footer,.postrow,#container,.userfeatured,.submit,.myjournal,.recent #onecolumn{
	-moz-background-clip: border;
}

.pagination{
	-moz-background-clip: padding
}

.navigation{
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
}

.footer{
	-moz-border-radius-bottomleft: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
}


.pagination,.postrow,.submit,.recent #onecolumn{
	-moz-border-radius:0.2em;
}

.userheaderlower .userright span.highlight.title,.aboutme,.formrow p.highlight.notice,#container,.myjournal{
	-moz-border-radius:0.3em;
}

#serverstats{height:0px;display:none !important}